<template>
  <div class="page-container index-container">

    <div class="m-GenBox evaluate-main wjxq clearfix">
		<div class="searchBox clearfix">
			<div class="condition">
				<el-select v-model="value1" class="genSelect item mr20 w150" placeholder="请选择年度">
					<el-option
					v-for="item in options1"
					:key="item.value"
					:label="item.label"
					:value="item.value"
					></el-option>
				</el-select>
			</div>

			<div class="condition">
				<el-select v-model="value2" class="genSelect item mr20 w150" placeholder="请选择问卷">
					<el-option
					v-for="item in options2"
					:key="item.value"
					:label="item.label"
					:value="item.value"
					></el-option>
				</el-select>
			</div>
			<div class="condition">
				<el-button type="primary">查询</el-button>
			</div>
			<div class="condition">
				<el-button type="primary">下载明细</el-button>
			</div>
		</div>

		<div class="clearfix pdt30">
			<div class="u-cardBox evaluate-box" key="wjxq1">
				<div class="title">1.周一到周五，你每天要完成老师布置家庭作业的时间调查。</div>
				<div class="cardMain">
					<u-barEchart
                        :keyId="'wjxq'" 
                        :legend="legendListwjxq1" :list="listwjxq1" :xAxisType="'value'" isStack :ishasBackground="false" showLabel :grid="{left:90}">
                    </u-barEchart>
				</div>
			</div>
			<div class="u-cardBox evaluate-box" key="wjxq2">
				<div class="title">2.你认为平时哪些科目作业太多的情况调查。（多选）</div>
				<div class="cardMain">
					<u-barEchart
                        :keyId="'wjxq2'" 
                        :legend="legendListwjxq2" :list="listwjxq2" :xAxisType="'value'" isStack :ishasBackground="false" showLabel :grid="{left:90}">
                    </u-barEchart>
				</div>
			</div>
			<div class="u-cardBox evaluate-box" key="wjxq3">
				<div class="title">3.周一到周五，你每天睡眠时间的调查。</div>
				<div class="cardMain">
					<u-barEchart
                        :keyId="'wjxq3'" 
                        :legend="legendListwjxq3" :list="listwjxq3" :xAxisType="'value'" isStack :ishasBackground="false" showLabel :grid="{left:90}">
                    </u-barEchart>
				</div>
			</div>
			<div class="u-cardBox evaluate-box" key="wjxq4">
				<div class="title">4.学校中午休息时间安排的调查。</div>
				<div class="cardMain">
					<u-barEchart
                        :keyId="'wjxq4'" 
                        :legend="legendListwjxq4" :list="listwjxq4" :xAxisType="'value'" isStack :ishasBackground="false" showLabel :grid="{left:90}">
                    </u-barEchart>
				</div>
			</div>
		</div>	
		

                    <el-pagination class="pagination"
                    background
                    layout="prev, pager, next"
                    :total="60">
                    </el-pagination>
    </div>

  </div>
</template>

<script>
export default {
  data() {
    return {
		active: 0,
		value1: "0",
		value2: "1",
		xxfx: {
			value0:"1",
			value1: "",
			value2: "",
			value3: ""
		},
		wdfx: {
		value1: "",
		value2: "",
		value3: ""
		},
		options0:[
			{
				value:"1",
				label:"学业负担"
			}
		],
		options1: [
			{
				value: "0",
				label: "全部年度"
			},
			{
				value: "1",
				label: "2020年"
			},
			{
				value: "2",
				label: "2019年"
			},
			{
				value: "3",
				label: "2018年"
			},
			{
				value: "4",
				label: "2017年"
			},
			{
				value: "5",
				label: "2016年"
			}
		],
		options2: [
			{
				value: "1",
				label: "2020年学业负担调查问卷"
			},
			{
				value: "2",
				label: "2019年学业负担度调查问卷"
			},
			{
				value: "3",
				label: "2018年学业负担调查问卷"
			},
			{
				value: "4",
				label: "2017年学业负担调查问卷"
			},
			{
				value: "5",
				label: "2016年学业负担调查问卷"
			}
		],
		options3: [
			{
				value: "1",
				label: "一年级"
			},
			{
				value: "2",
				label: "二年级"
			},
			{
				value: "3",
				label: "三年级"
			},
			{
				value: "4",
				label: "四年级"
			},
			{
				value: "5",
				label: "五年级"
			},
			{
				value: "6",
				label: "六年级"
			}
		],
		options4: [
			{
				value: "1",
				label: "义鹏第一小学"
			},
			{
				value: "2",
				label: "天音幸福小学"
			},
			{
				value: "3",
				label: "金沙湖东方校区"
			},
			{
				value: "4",
				label: "启明中学"
			},
			{
				value: "5",
				label: "明珠小学"
			}
		],
		options5: [
			{
				value: "1",
				label: "2020年"
			},
			{
				value: "2",
				label: "2019年"
			},
			{
				value: "3",
				label: "2018年"
			},
			{
				value: "4",
				label: "2017年"
			},
			{
				value: "5",
				label: "2016年"
			}
		],
		tableData: [
			{
				name: "总体",
				num: "4.12",
				key: "3.52"
			},
			{
				name: "课外辅导",
				num: "2.63",
				key: "4.61"
			},
			{
				name: "试题难度",
				num: "5.00",
				key: "4.91"
			},
			{
				name: "教辅材料",
				num: "3.16",
				key: "3.53"
			},
			{
				name: "副科重视",
				num: "4.41",
				key: "4.50"
			},
			{
				name: "学习压力",
				num: "2.16",
				key: "3.90"
			},
			{
				name: "学习方法",
				num: "1.41",
				key: "2.53"
			}
		],
		tableData2:[
			{
				name:'总体',
				qu:'4.32',
				shi:'4.66',
				sheng:'4.50'
			},
			{
				name:'课外辅导',
				qu:'4.20',
				shi:'4.21',
				sheng:'4.20'
			},
			{
				name:'试题难度',
				qu:'3.44',
				shi:'3.30',
				sheng:'3.62'
			},
			{
				name:'自信心',
				qu:'3.98',
				shi:'3.67',
				sheng:'3.75'
			},
			{
				name:'体艺兴趣',
				qu:'3.06',
				shi:'3.11',
				sheng:'3.28'
			},
			{
				name:'师生关系',
				qu:'2.97',
				shi:'3.01',
				sheng:'2.95'
			},
			{
				name:'规则意识',
				qu:'4.68',
				shi:'4.57',
				sheng:'4.66'
			},
		],
    	searchPar: {
			value1: "",
			value2: "",
			value3: "",
			value4: ""
		},
		options6: [
			{
			value: "1",
			label: "2020年度调研报告"
			},
			{
			value: "2",
			label: "2019年度调研报告"
			},
			{
			value: "3",
			label: "2018年度调研报告"
			},
			{
			value: "4",
			label: "2017年度调研报告"
			},
			{
			value: "5",
			label: "2016年度调研报告"
			}
		],
		options7: [
			{
			value: "0",
			label: "全部学段"
			},
			{
			value: "1",
			label: "上学期"
			},
			{
			value: "2",
			label: "下学期"
			}
		],
		options8: [
			{
			value: "1",
			label: "义鹏第一小学"
			},
			{
			value: "2",
			label: "天音幸福小学"
			},
			{
			value: "3",
			label: "金沙湖东方校区"
			},
			{
			value: "4",
			label: "启明中学"
			},
			{
			value: "5",
			label: "明珠小学"
			}
		],
		options9: [
			{
			value: "1",
			label: "教育局关于中小学信息化发展状况调研报告"
			},
			{
			value: "2",
			label: "教师证上传"
			},
			{
			value: "3",
			label: "上学期考试难度调查报告"
			}
		],
		cardList: [
			{
			title: "教育局关于中小学信息化发展状况调研报告",
			time: "2020.11.15"
			},
			{
			title: "教师证上传",
			time: "2020.11.16"
			},
			{
			title: "上学期考试难度调查报告",
			time: "2020.11.16"
			},
			{
			title: "上学期考试难度调查报告",
			time: "2020.11.16"
			},
			{
			title: "上学期考试难度调查报告",
			time: "2020.11.16"
			}
		],
		//学业负担
		legendList0:[
			{name:'正常',color:'#00cd86',areaStyleColor:"#00cd86"},
		],
		list0:[
			{name:"2018年",value:[3]},
			{name:"2019年",value:[2.8]},
			{name:"2020年",value:[3.2]},
		],
		//课外辅导
		legendList1:[
			{name:'正常',color:'#00cd86',areaStyleColor:"#00cd86"},
		],
		list1:[
			{name:"2018年",value:[3.1]},
			{name:"2019年",value:[2]},
			{name:"2020年",value:[4.8]},
		],
		//试题难度
		legendList2:[
			{name:'2018年',key:1,itemcolor:['#ffe071','#ffbe63']},
			{name:'2019年',key:2,itemcolor:['#52a2fd','#1f88fe']},
			{name:'2020年',key:3,itemcolor:['#2dd681','#23c5a2']},
		],
		list2:[
			{name:"2018年",key:1,value:[4.2]},
			{name:"2019年",key:2,value:[2.5]},
			{name:"2020年",key:3,value:[4.8]},
		],
		//教辅材料
		legendList3:[
			{name:'正常',color:'#00cd86',areaStyleColor:"#00cd86"},
		],
		list3:[
			{name:"2018年",value:[4]},
			{name:"2019年",value:[2.7]},
			{name:"2020年",value:[4.2]},
		],
		//副科重视
		legendList4:[
			{name:'2018年',key:1,itemcolor:['#ffe071','#ffbe63']},
			{name:'2019年',key:2,itemcolor:['#52a2fd','#1f88fe']},
			{name:'2020年',key:3,itemcolor:['#2dd681','#23c5a2']},
		],
		list4:[
			{name:"2018年",key:1,value:[4.2]},
			{name:"2019年",key:2,value:[2.5]},
			{name:"2020年",key:3,value:[3.5]},
		],
		//学习压力
		legendList5:[
			{name:'正常',color:'#fdae3f',areaStyleColor:"#fdae3f"},
		],
		list5:[
			{name:"2018年",value:[4]},
			{name:"2019年",value:[2.7]},
			{name:"2020年",value:[4.2]},
		],
		//问卷详情
		legendListwjxq1:[
			{name:'3小时以上',color:'#ffc34d',itemcolor:['#ffc34d','#ffc34d']},
			{name:'2-3小时',color:'#f4987b',itemcolor:['#f4987b','#f4987b']},
			{name:'1-2小时',color:'#64d77f',itemcolor:['#64d77f','#64d77f']},
			{name:'1小时以下',color:'#7f9bfb',itemcolor:['#7f9bfb','#7f9bfb']},
		],
		listwjxq1:[
			{name:"前进中学",value:[9.2,40.8,44.5,5.5]},
			{name:"义蓬中学",value:[12.5,38,44.5,5]},
			{name:"新围中学",value:[33.5,6.5,42.5,17.5]},
			{name:"新湾镇中学",value:[19.5,10.5,30,40]},
			{name:"临江一中",value:[40,10,20,30]},
			{name:"河庄初级中学",value:[30,15,30,25]},
			{name:"启慧初中",value:[21.5,28.5,30,20]},
			{name:"钱江小学",value:[29,31,15,25]},
		],
		legendListwjxq2:[
			{name:'语文',color:'#ffc34d',itemcolor:['#ffc34d','#ffc34d']},
			{name:'英语',color:'#f4987b',itemcolor:['#f4987b','#f4987b']},
			{name:'数学',color:'#64d77f',itemcolor:['#64d77f','#64d77f']},
			{name:'其他',color:'#7f9bfb',itemcolor:['#7f9bfb','#7f9bfb']},
		],
		listwjxq2:[
			{name:"前进中学",value:[11.5,28.5,35.5,24.5]},
			{name:"义蓬中学",value:[33,28.5,21.5,17]},
			{name:"新围中学",value:[29,31,25,15]},
			{name:"新湾镇中学",value:[37.5,22.5,25,15]},
			{name:"临江一中",value:[30,30,20,20]},
			{name:"河庄初级中学",value:[33.5,6.5,42.5,17.5]},
			{name:"启慧初中",value:[27.5,22.5,20,30]},
			{name:"钱江小学",value:[12.5,38,44.5,5]},
		],
		legendListwjxq3:[
			{name:'10小时以上',color:'#ffc34d',itemcolor:['#ffc34d','#ffc34d']},
			{name:'8-9小时',color:'#f4987b',itemcolor:['#f4987b','#f4987b']},
			{name:'7-8小时',color:'#64d77f',itemcolor:['#64d77f','#64d77f']},
			{name:'少于7小时',color:'#7f9bfb',itemcolor:['#7f9bfb','#7f9bfb']},
		],
		listwjxq3:[
			{name:"前进中学",value:[28,32,25,15]},
			{name:"义蓬中学",value:[20,50.5,19.5,10]},
			{name:"新围中学",value:[25,40,25,10]},
			{name:"新湾镇中学",value:[21,39,30,10]},
			{name:"临江一中",value:[33.5,36.5,22.5,7.5]},
			{name:"河庄初级中学",value:[37.5,22.5,25,15]},
			{name:"启慧初中",value:[22.5,38,34.5,5]},
			{name:"钱江小学",value:[21.5,28.5,35.5,14.5]},
		],
		legendListwjxq4:[
			{name:'上课',color:'#ffc34d',itemcolor:['#ffc34d','#ffc34d']},
			{name:'午睡',color:'#f4987b',itemcolor:['#f4987b','#f4987b']},
			{name:'做作业',color:'#64d77f',itemcolor:['#64d77f','#64d77f']},
			{name:'其他',color:'#7f9bfb',itemcolor:['#7f9bfb','#7f9bfb']},
		],
		listwjxq4:[
			{name:"前进中学",value:[5.5,35.5,39,20]},
			{name:"义蓬中学",value:[11,39,30,20]},
			{name:"新围中学",value:[7.5,22.5,40,30]},
			{name:"新湾镇中学",value:[12.5,47.5,30,10]},
			{name:"临江一中",value:[10,30,47.5,12.5]},
			{name:"河庄初级中学",value:[15,30,30,25]},
			{name:"启慧初中",value:[11.5,38.5,30,20]},
			{name:"钱江小学",value:[12.5,38,40,9.5]},
		],
		//概况
		legendListgk1:[
			{name:'高于钱塘新区',min:4.2,max:5,color:'#F9C076',itemcolor:['#FAC751','#EE8138']},
			{name:'钱塘新区',key:1,color:'#2CD581',itemcolor:['#2DD681','#23C5A2']}, 
			{name:'低于钱塘新区',min:0,max:4.2,color:'#168DFF',itemcolor:['#51A6FA','#3D38EE']},
		],
		listgk1:[
			{name:"义蓬第三小学",value:[4.6]},
			{name:"义蓬第四小学",value:[4.5]},
			{name:"义蓬第一小学",value:[4.4]},
			{name:"金沙湖东方校区",value:[4.35]},
			{name:"启成中学",value:[4.35]},
			{name:"明珠学校",value:[4.35]},
			{name:"临江第一小学",value:[4.3]},
			{name:"临江新城实验小学",value:[4.3]},
			{name:"河庄小学",value:[4.25]},
			{name:"义蓬第二小学",value:[4.25]},
			{name:"宏图小学",value:[4.25]},
			{name:"区级",key:1,value:[4.2]},
			{name:"新围小学",value:[4.2]},
			{name:"前进第一小学",value:[4.2]},
			{name:"新湾小学",value:[4.2]},
			{name:"启慧小学",value:[4.15]},
			{name:"市教研室附校",value:[4.15]},
			{name:"杭经开金沙湖实验学校",value:[4.1]},
			{name:"钱江小学",value:[4.1]},
			{name:"学正小学",value:[4.0]},
			{name:"听涛小学",value:[4.0]},
			{name:"月雅河小学",value:[3.9]},
			{name:"启源小学",value:[3.8]},
			{name:"江湾小学",value:[3.8]},
			{name:"景苑小学",value:[3.8]},
			{name:"下沙第二小学",value:[3.75]},
			{name:"下沙第一小学",value:[3.7]},
			{name:"新阳光学校",value:[3.65]},
			{name:"学林街小学",value:[3.6]},
			{name:"金沙湖金沙校区",value:[3.55]},
			{name:"江湾小学",value:[3.5]},
			{name:"钱江小学",value:[3.45]},
			{name:"实验外国语学校",value:[3.4]},
		],
		legendListgk2:[
			{name:'高于钱塘新区',min:4.2,max:5,color:'#F9C076',itemcolor:['#FAC751','#EE8138']},
			{name:'钱塘新区',key:1,color:'#2CD581',itemcolor:['#2DD681','#23C5A2']}, 
			{name:'低于钱塘新区',min:0,max:4.2,color:'#168DFF',itemcolor:['#51A6FA','#3D38EE']},
		],
		listgk2:[
			{name:"启成中学",value:[4.5]},
			{name:"前进中学",value:[4.4]},
			{name:"义蓬中学",value:[4.35]},
			{name:"新围中学",value:[4.3]},
			{name:"新湾镇中学",value:[4.25]},
			{name:"临江一中",value:[4.2]},
			{name:"河庄初级中学",value:[4.15]},
			{name:"启慧初中",value:[4.15]},
			{name:"下沙中学",value:[4.15]},
			{name:"区级",value:[4.1],key:1},
			{name:"学正中学",value:[4.1]},
			{name:"养正中学",value:[4.1]},
			{name:"东南中学",value:[4.1]},
			{name:"景苑中学",value:[4.05]},
			{name:"新湾镇中学",value:[4.05]},
			{name:"临江一中",value:[4.0]},
			{name:"听涛中学",value:[4.0]},
			{name:"前进中学",value:[3.95]},
			{name:"新围中学",value:[3.95]},
		],
		//学校分析
		legendListxxfx1:[
			{name:'钱塘新区',key:1,color:'#4ca0ff',itemcolor:['#4a9fff','#0178ff'],isSign: true},
			{name:'正常',min:0,max:4.3,color:'#00cd86',itemcolor:['#2dd681','#23c5a2']}, 
			{name:'需关注',min:4.3,max:5,color:'#ff7b12',itemcolor:['#ff9600','#ff7b12'],isSign: true},
		],
		listxxfx1:[
			{name:"钱塘新区",key:1,value:[4.2]},
			{name:"江湾小学",value:[2.6]},
			{name:"金沙学校",value:[1.2]},
			{name:"景苑小学",value:[3.9]},
			{name:"文博学校",value:[3.7]},
			{name:"文海实验学校",value:[4.7]},
			{name:"下沙第二小学",value:[4.3]},
			{name:"下沙第一小学",value:[2.5]},
			{name:"新阳光学校",value:[4.7]},
			{name:"学林街小学",value:[2.6]},
			{name:"明珠小学",value:[4.2]},
			{name:"河庄小学",value:[4.4]},
			{name:"宏图小学",value:[2.6]},
			{name:"前进第一小学",value:[2.6]},
			{name:"新湾小学",value:[2.6]},
			{name:"启慧小学",value:[3.7]},
		],
		legendListxxfx2:[
			{name:'钱塘新区',key:1,color:'#4ca0ff',isSign: true,areaStyleColor:"#00cd86"},
			{name:'正常',key:2,color:'#00cd86',areaStyleColor:"#00cd86"}, 
			{name:'需关注',min:0.8,max:1,color:'#ff7b12',isSign: true,areaStyleColor:"#00cd86"},
		],
		listxxfx2:[
			{name:"钱塘新区",key:1,value:[0.5]},
			{name:"江湾小学",key:2,value:[0.31]},
			{name:"金沙学校",key:2,value:[0.81]},
			{name:"景苑小学",key:2,value:[0.6]},
			{name:"文博学校",key:2,value:[0.6]},
			{name:"文海实验学校",key:2,value:[0.3]},
			{name:"下沙第二小学",key:2,value:[0.89]},
			{name:"下沙第一小学",key:2,value:[0.38]},
			{name:"新阳光学校",key:2,value:[0.61]},
			{name:"学林街小学",key:2,value:[0.38]},
			{name:"明珠小学",key:2,value:[0.51]},
			{name:"河庄小学",key:2,value:[0.81]},
			{name:"宏图小学",key:2,value:[0.5]},
			{name:"前进第一小学",key:2,value:[0.08]},
			{name:"新湾小学",key:2,value:[0.8]},
			{name:"启慧小学",key:2,value:[0.5]},
		],
    }
  },
    methods: {
		searchFun() {
			if (this.searchPar.value1 == 1) {
				this.cardList = [
				{
					title: "教育局关于中小学信息化发展状况调研报告",
					time: "2020.11.15"
				},
				{
					title: "教师证上传",
					time: "2020.11.16"
				},
				{
					title: "上学期考试难度调查报告",
					time: "2020.11.16"
				},
				{
					title: "上学期考试难度调查报告",
					time: "2020.11.16"
				},
				{
					title: "上学期考试难度调查报告",
					time: "2020.11.16"
				}
				];
			} else {
				this.cardList = [];
			}
		},
		trans1(){
			this.active=0
		},
		trans2(){
			this.active=1
		},
		trans3(){
			this.active=2
		},
		trans4(){
			this.active=3
		},
		trans5(){
			this.active=4
		},
		trans6(){
			this.active=5
		}
    }
  }
</script>

<style lang="scss" scoped>
.evaluate-main {
  padding: 0 40px;
}
.u-cardBox {
  box-shadow: 0 0 10px rgba($color: #3b64a8, $alpha: 0.1);
}
.gk,.lscy,.wjxq,.xxfx,.wdfx,.fxbg{
    padding-top:30px !important;
}
</style>
<style lang="scss" scoped>

.wjxq {
  .wj-header {
    width: 100%;
    font-size: 20px;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    .mr20 {
      margin-right: 20px;
	}
  }
	.evaluate-box {
		width: 47%;
		height: 500px;
		overflow: hidden;
		margin-right: 2%;
		margin-bottom: 24px;
		position: relative;
		float: left;
		display:flex;
		flex-direction:column;
		.cardMain{
			flex:1;
			width:100%;
		}
	}
	@media screen and (max-width: 900px) {
		.evaluate-box {
		width: 90%;
		}
	}
}
</style>
